<!DOCTYPE html>
<html lang="en" >
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Title</title>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
        <link rel="shortcut icon" type="image/ico" th:href="@{/favicon.ico}"/>

<!--        <link rel="icon" type="image/x-icon" href="../public/favicon.ico" />-->
    </head>
    <body>
        <!--导航  使用公共部分进行替换-->
        <!--  ~{ 模板名 :: 片段名} -->

        <a th:href="@{/welcome}">跳转到welcome</a>
<!--        <div th:include="~{base_navbar :: baseheader}"></div>-->
        <header th:replace="~{base_navbar :: baseheader}"></header>
<!--        <header  class="navbar bg-primary" data-bs-theme="dark">-->
<!--            <div class="container mt-1">-->
<!--                <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">-->
<!--                    <a href="/static" class="d-flex align-items-center mb-2 mb-lg-0 text-white text-decoration-none">-->
<!--                        <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"></use></svg>-->
<!--                    </a>-->

<!--                    <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">-->
<!--                        <li><a th:href="@{/}" class="nav-link px-2 text-white">Home</a></li>-->
<!--                        <li><a href="#" class="nav-link px-2 text-white">Features</a></li>-->
<!--                        <li><a href="#" class="nav-link px-2 text-white">Pricing</a></li>-->
<!--                        <li><a href="#" class="nav-link px-2 text-white">FAQs</a></li>-->
<!--                        <li><a href="#" class="nav-link px-2 text-white">About</a></li>-->
<!--                    </ul>-->

<!--                    <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search">-->
<!--                        <input type="search" class="form-control form-control-dark text-bg-dark" placeholder="Search..." aria-label="Search">-->
<!--                    </form>-->

<!--                    <div class="text-end">-->
<!--                        <button type="button" class="btn btn-outline-light me-2" th:text="#{login}">Login</button>-->
<!--                        <button type="button" class="btn btn-warning" th:text="#{sign_up}">Sign-up</button>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="dropdown">-->
<!--                    <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" th:text="${#locale}">-->

<!--                    </button>-->
<!--                    <ul class="dropdown-menu">-->
<!--                        <li><a class="dropdown-item" href="#">Action</a></li>-->
<!--                        <li><a class="dropdown-item" href="#">Another action</a></li>-->
<!--                        <li><a class="dropdown-item" href="#">Something else here</a></li>-->
<!--                    </ul>-->
<!--                </div>-->
<!--        <script src="https://cdn.staticfile.org/jquery/3.7.0/jquery.min.js"></script>-->
<!--        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>-->
<!--        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/mhDoLbDldZc3qpsJHpLogda//BVZbgYuw6kof4u2FrCedxOtgRZDTHgHUhOCVim" crossorigin="anonymous"></script>-->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </body>
</html>